<template>
    <div>
        父组件显示：{{msg}}
        <!-- <zi :data="msg" @changeMsg="chang"> </zi> -->
        <zi :data.sync="msg"></zi>
    </div>
</template>

<script>
import zi from '@/components/zi'
export default {
components:{
zi,
},
data() {
    return {
    msg:"这是父组件信息"
    }
},
methods: {
    chang(data){
        alert("这是子组件传递的信息"+data)
    this.msg=data     // 更新父组件的内容
    }
},
}
</script>

<style>

</style>
